@charset "utf-8";
@import "common/reset";
@import "common/public";
.web {
    background-color: #e7e9ec;
    
    section {
        background-image: url(../img/list/headset.png);
        background-repeat: no-repeat;
        background-position-x: -133px;
        background-position-y: bottom;
        .news {
            width: 681px;
            margin-top: 88px;
            margin-left: 45px;
            p {
                font-size: 26px;
                color: white;
                padding-left: 20px;
                padding-right: 20px;
                span {
                    float: left;
                }
                span:nth-of-type(2) {
                    float: right;
                }
            }
            .textderition {
                width: 94%;
                height: 2px;
                background-color: #e7e7e7;
                margin: 35px auto 42px;
            }
            .news_content {
                margin-top: 45px;
                background-color: white;
                width: 100%;
                >p {
                    padding-top: 29px;
                    font-size: 14px;
                    color: black;
                    span {
                        float: left;
                    }
                    span:nth-of-type(2) {
                        float: right;
                    }
                }
                .textderition {
                    width: 94%;
                    height: 2px;
                    background-color: #e7e7e7;
                    margin: 20px auto 0;
                }
                h3 {
                    text-align: center;
                    padding-top: 33px;
                }
                .news_hotel {
                    width: 649px;
                    margin: 20px auto 25px;
                    position: relative;
                    .news_hotel_content {
                        width: 649px;
                        height: 206px;
                        margin: 0 auto;
                        overflow: hidden;
                        transition: all 1s linear;
                    }
                    .news_hotel_content img {
                        width: 100%;
                        transform: translateY(-25%);
                    }
                    .news_hotel_content:hover img {
                        transform: scale(1.1) translateY(-25%);
                    }
                    .news_hotel_text {
                        width: 100%;
                        margin-top: 20px;
                        margin-bottom: 41px;
                        span {
                            font-size: 12px;
                            text-indent: 2em;
                            display: block
                        }
                    }
                }
                .news_button {
                    text-align: center;
                    padding-bottom: 32px;
                    button {
                        height: 21px;
                        padding-left: 5px;
                        padding-right: 5px;
                        line-height: 21px;
                        background-color: white;
                        border: 1px solid #e5e5e5;
                        &:hover {
                            background-color: lightpink;
                            color: white;
                        }
                    }
                }
            }
        }
    }
}